<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
	<h:head>
		<title>登陆页面</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
		<style type="text/css">
#loginbody {
	overflow: hidden;
	zoom: 1;
}

#loginwrap {
	width: 421px;
	margin: auto;
	overflow: hidden;
	zoom: 1;
	height: 460px
}

#loginfooter {
	text-align: center;
	height: 25px;
	position: fixed;
	_position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}
</style>
		<link rel="stylesheet" type="text/css" href="css/default/skin.css" />
		<!-- 
		<link rel="stylesheet" href="js/asset/core/css/base/base.css"
			type="text/css"></link>
			
		 -->
		<script src="js/jquery-1.7.1.min.js" type="text/javascript" />
		<!-- 
		<script src="js/asset/core/js/jquery/jquery.js" type="text/javascript"></script>
		 -->
		<!-- below are necessary for dialog  -->
		<script src="js/asset/core/js/jquery/ishadow/jquery.ishadow.js"
			type="text/javascript"></script>
		<script src="js/asset/core/js/jquery/box/jquery.box.js"
			type="text/javascript"></script>
		<script
			src="js/asset/core/js/jquery/scrollbarwidth/jquery.scrollbarwidth.js"
			type="text/javascript"></script>
		<script src="js/asset/core/js/jquery/ibutton/jquery.ibutton.js"
			type="text/javascript"></script>
		<script src="js/asset/core/js/jquery/dialog/jquery.dialog.js"
			type="text/javascript"></script>
	</h:head>
	<!-- 
<script>function doKeydown(e){}</script>
onkeydown="doKeydown(event)"
 -->
	<h:body>
		<div id="loginbody">
			<div id="loginwrap">
				<div class="loginlogo">
					<div class="logo">
						<img id="corpLog" onError="this.style.display='none';"></img>
					</div>
				</div>
				<div id="loginmain">
					<h:form>
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td width="100" align="right">
									<label>
										<h:outputText value="#{msg['logon.username']}" />
									</label>
								</td>
								<td>
									<span class="usname"> <h:inputText id="userName"
											value="#{loginBean.userName}" required="true"></h:inputText>
									</span>
								</td>
								<!-- id="userName"  -->
							</tr>
							<tr>
								<td align="right">
									<label>
										密码：
									</label>
								</td>
								<td>
									<span class="paword"> <h:inputSecret id="password"
											value="#{loginBean.password}" required="true"></h:inputSecret>
									</span>
								</td>
							</tr>
							<tr>
								<td align="right">
									<label>
										语言：
									</label>
								</td>
								<td>
									<select id="selectLg" style="width: 154px;">
										<option value="">
											中文
										</option>
									</select>
								</td>
							</tr>
							<tr>
								<td align="right">
									<label>
										风格：
									</label>
								</td>
								<td>
									<select id="sys_cssControl_login" style="width: 154px;">
										<option value="">
											蔚蓝海岸
										</option>
									</select>
								</td>
							</tr>
							<tr>
								<td align="right"></td>
								<td class="chbox">
									<input id="chkSaveUinfo" type="checkbox" name="remeberMe" />
									<label>
										保存信息
									</label>
								</td>
							</tr>
							<tr>
								<td align="right"></td>
								<td class="suit">
									<h:commandButton type="submit" id="login"
										action="#{loginBean.login}" value="登陆"
										onclick="$(this).focus();"></h:commandButton>
									<h:commandButton type="reset" id="reset" value="重置"></h:commandButton>

									<input id="open-alert-simple" type="button" value="弹出框"></input>
									<script>
									(function($){
										$("#open-alert-simple").click(function() {
											$.alert({
												icon: "icon-exclamation",
												labClose: "关闭",
												content: "点击“关闭”按钮，将弹出另外一个 alert 对话框。",
												onClose: function($dialog) {
													$.alert({
														content: "您刚刚关闭了一个 alert 对话框。"
													});
												}
											});
										});
									})(jQuery);
									</script>
									<!-- <span class="loginBtn" id="submit" ><b><label>登陆</label></b></span>
                             <span class="loginBtn" id="btnReset"><b><label>重置</label></b></span>
                             -->
								</td>
							</tr>
						</table>
					</h:form>
				</div>
			</div>
			<div id="loginfooter">
				现金管理系统 2012 版权所有
			</div>
		</div>
	</h:body>
	<script type="text/javascript">
	var myWrap=document.getElementById("loginbody"),
	myInnerWrap=document.getElementById("loginwrap"),
	logofooter=document.getElementById("loginfooter"),
	flowCenter=function(){
		  var top=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight);
		  myWrap.style.height=top+"px";
	      myInnerWrap.style.marginTop=(top-460)/2+"px";
		  }
	window.onresize=flowCenter;
	if(window.navigator.appVersion.indexOf("MSIE 6.")){
		window.onscroll=function(){
			logofooter.style.bottom="";
			logofooter.style.bottom="0"
		};
	}
	flowCenter();
</script>
</html>